<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" >
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>主页</title>
		<link rel="stylesheet" type="text/css" th:href="@{/admin/bootstrap4/css/bootstrap.css}">
		<script th:src="@{/admin/bootstrap4/js/jquery-3.3.1.min.js}"></script>
		<script th:src="@{/admin/bootstrap4/js/bootstrap.js}"></script>
	</head>
	<style>
		.my{
			width: 80%;
			height: 600px;
		}
		.my2{
			width: 100%;
			height: 600px;
		}
	</style>
	<body>
		<div id="carouselExampleIndicators" class="carousel slide my" data-ride="carousel">
			<ol class="carousel-indicators">
				<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
				<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
				<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
			</ol>
			<div class="carousel-inner">
				<div class="carousel-item active">
					<img th:src="@{/admin/img/one.jpg}" class="d-block my2" alt="...">
				</div>
				<div class="carousel-item">
					<img th:src="@{/admin/img/two.jpg}" class="d-block my2" alt="...">
				</div>
				<div class="carousel-item">
					<img th:src="@{/admin/img/three.jpg}" class="d-block my2" alt="...">
				</div>
			</div>
			<button class="carousel-control-prev" type="button" data-target="#carouselExampleIndicators" data-slide="prev">
				<span class="carousel-control-prev-icon" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</button>
			<button class="carousel-control-next" type="button" data-target="#carouselExampleIndicators" data-slide="next">
				<span class="carousel-control-next-icon" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</button>
		</div>
	</body>
</html>
